/**
 * mods.css
 *
 * Styles for individual blocks and mods
 */

/** Forum **/
.forumheaderlist,
.forumpost {
    margin-top: 15px;
}

.forumpost .topic {
    padding: 7px;
}

.forumpost .topic .subject {
    font-weight: bold;
}

.forumpost .content .posting {
    padding: 4px;
}

.forumpost .options .commands {
    clear: both;
    padding: 0.5em 5px 5px;
    text-align: right;
}

.forumpost .content .footer {
    padding-top: 0.5em;
    text-align: right;
}

.forumheaderlist tbody,
.forumpost {
    border: 1px solid #DDD;
    background-color: [[setting:forum_back]];
}

.forumheaderlist td,
.forumheaderlist th {
    padding: .5em;
}

.forumheaderlist th {
    color: [[setting:heading_fore]];
    background: [[setting:heading_back]] [[setting:headingback]];
}

.forumheaderlist td,
.forumpost .header {
    color: [[setting:forum_fore]];
    background-color: [[setting:forum_back]];
}

.path-mod-forum .forumheaderlist .discussion .lastpost {
    text-align: left;
}

/* Commented out for now: this color scheme is not really a common Moodle
theme convention. Will create a task for future to look at removing these settings.
Tyler also recommends instructions/selectors to replicate this using custom CSS. */
/*
.forumheaderlist .discussion .starter,
.forumheaderlist .discussion .starter a:link,
.forumheaderlist .discussion .starter a:visited {
    color: [[setting:forumstarter_fore]];
    background-color: [[setting:forumstarter_back]];
}
*/

.path-mod-forum .forumheaderlist tr:last-child td {
    border-bottom-width: 1px;
}

.path-mod-forum .forumheaderlist tr td:last-child {
    border-right-width: 1px;
}

.forumpost .content {
    background-color: [[setting:block_back]];
    padding: .25em .5em;
}

.forumpost,
.forumpost .options {
    background-color: [[setting:block_back]];
}

.forumpost .picture img {
    box-shadow: 0 0 1px #ccc;
}

/** Calendar **/
.block.block_calendar_month td,
.block.block_calendar_month th {
    border-width: 0;
    padding: 1px;
    width: 14%;
    line-height: 18px;
}

#calendar abbr,
.block.block_calendar_month abbr {
    border-bottom-width: 0;
}

#calendar {
    width: 99%;
    margin: 0 1%;
    border-spacing: 5px;
    border-collapse: separate;
}

#calendar td,
#calendar th {
    border-width: 0;
    padding: 1px;
    width: 14%;
    line-height: 18px;
    vertical-align: top;
}

#calendar .maincalendar {
    width: auto;
}

#calendar .maincalendar .heightcontainer {
    height: 100%;
    position: relative;
    margin: 1em;
}

#calendar .maincalendar .header {
    padding: 5px;
    font-weight: bold;
}

#calendar .maincalendar .header .buttons {
    float: right;
}

#calendar .maincalendar table {
    width: 100%;
}

#calendar .maincalendar .calendar-controls {
    width: 100%;
    overflow: hidden;
}

#calendar .maincalendar .calendar-controls .previous {
    display: block;
    float: left;
    width: 20%;
}

#calendar .maincalendar .calendar-controls .current {
    display: block;
    float: left;
    width: 60%;
    text-align: center;
    margin-top: 0;
}

#calendar .maincalendar .calendar-controls .next {
    display: block;
    float: left;
    width: 20%;
    text-align: right;
}

#calendar .sidecalendar {
    width: 200px;
}

#calendar .sidecalendar h2,
#calendar .sidecalendar h3 {
    margin: 5px;
}

#calendar .sidecalendar .block {
    margin-bottom: 10px;
    text-align: center;
}

#calendar .sidecalendar .block table {
    margin: 0 auto 5px auto;
}

#calendar .sidecalendar .block .filters table {
    width: 95%;
    margin: 0 auto 1em auto;
}

#calendar .filters table {
    padding: 2px;
    border-spacing: 2px;
    border-collapse: separate;
}

#calendar .filters table td {
    width: auto;
}

#calendar .filters .eventskey {
    overflow: hidden;
}

#calendar .maincalendar .calendarmonth {
    border-collapse: separate;
}

#calendar .maincalendar .calendarmonth td {
    height: 6em;
}

#calendar .maincalendar .calendarmonth td div {
    margin: 4px;
}

#calendar .maincalendar .calendarmonth td .day {
    font-weight: bold;
}

#calendar .maincalendar .event {
    border-spacing: 0;
}

#calendar .maincalendar .event .picture {
    width: 32px;
    text-align: center;
}

#calendar .maincalendar .event .topic {
    width: auto;
    padding: 5px;
}

#calendar .maincalendar .event .side {
    width: 32px;
}

#calendar .maincalendar .event .description {
    width: auto;
    padding: 5px;
}

#calendar .maincalendar .bottom {
    text-align: center;
}

#calendar .calendarmonth ul {
    margin: 0;
    padding: 0;
}

#calendar .calendarmonth ul li {
    list-style: none;
    margin: 0;
    padding: 2px;
}

/* Calendar Settings */
.maincalendar .weekend,
.minicalendarblock .weekend {
    color: #A00;
}

.maincalendar .calendarmonth td.today,
.minicalendarblock .today {
    border: 1px solid #444;
}

/*could not find event note in calendar page, unsure of it's purpose or replacement*/
#calendar .eventnone a,
.minicalendarblock .eventnone a {
    color: #444;
}

.maincalendar {
    border: 1px solid #DDD;
}

.minicalendarblock {
    border-top: 1px solid #DDD;
}

.calendar_filters table {
    background-color: #EEE;
    border: 1px solid #DDD;
}

.calendar_event_global {
    color: [[setting:cal_global_fore]];
    background-color: [[setting:cal_global_back]];
}

.calendar_event_course {
    color: [[setting:cal_course_fore]];
    background-color: [[setting:cal_course_back]];
}

.calendar_event_group {
    color: [[setting:cal_group_fore]];
    background-color: [[setting:cal_group_back]];
}

.calendar_event_user {
    color: [[setting:cal_user_fore]];
    background-color: [[setting:cal_user_back]];
}

.calendar_filters .filters .eventskey {
    border: 1px solid #444;
}

.maincalendar .calendarmonth th {
    border-bottom: 2px solid #444;
}

.maincalendar .calendarmonth tr td:first-child {
    border-left-color: #CCC;
}

.maincalendar .event {
    border: 1px solid #DDD;
    background-color: [[setting:block_back]];
}

.maincalendar .event .description {
    border-top: 1px solid #DDD;
    border-left: 1px solid #DDD;
}
